<template>
  <div>
   <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="8">
        <div class='title'>大气温度</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>大气湿度</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>气压</div>
        <tables ref="tables" border v-model="tableData" :columns="columns" />
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="8">
        <div class='title'>风速</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>降雨量</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>总辐射</div>
        <tables ref="tables" border v-model="tableData" :columns="columns" />
      </i-col>
    </Row>
    <Row :gutter="20" style="margin-top: 20px;">
      <i-col span="8">
        <div class='title'>土壤温度</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>土壤湿度</div>
        <tables ref="tables" border v-model="tableData" :columns="columns"/>
      </i-col>
      <i-col span="8">
        <div class='title'>蒸发</div>
        <tables ref="tables" border v-model="tableData" :columns="columns" />
      </i-col>
    </Row>
  </div>
</template>
<script>
import Tables from '_c/tables'
// import { getTableData } from '@/api/data'
export default {
  name: 'dataStatistics',
  components: {
    Tables
  },
  data () {
    return {
      columns: [
        {title: '时间', key: 'time'},
        {title: '最小值', key: 'min'},
        {title: '最大值', key: 'max'},
        {title: '平均值', key: 'average'}
      ],
      tableData: [
        {
          time: '2018/8/16 0:0:0',
          min: '31.2',
          max: '31.2',
          average: '31.2'
        },
        {
          time: '2018/8/16 0:0:0',
          min: '31.2',
          max: '31.2',
          average: '31.2'
        },
        {
          time: '2018/8/16 0:0:0',
          min: '31.2',
          max: '31.2',
          average: '31.2'
        }
      ]
    }
  },
  mounted () {
    //
    //  getTableData().then(res => {
    //   this.tableData = res.data
    // })
  }
}
</script>
<style>
  .title{
    margin-bottom: 5px;
    font-size:20px;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  }
</style>
